@charset "utf-8";
/*
Theme Name: Lite
Text Domain: lite
Version: 1.0
Description: 轻量、简洁、快速的文字博客类主题。
Tags: blog
Author: 背字根
Author URI: https://www.beizigen.com/
Theme URI: https://www.beizigen.com/post/wordpress-single-column-lightweight-text-theme-lite/
*/

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font: 1rem/1.75 'pingfang SC',
		'helvetica neue',
		arial,
		'hiragino sans gb',
		'microsoft yahei ui',
		'microsoft yahei',
		'Noto Sans CJK SC',
		'WenQuanYi Micro Hei',
		simsun,
		sans-serif;
	color: #333;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

pre,
code,
kbd {
	font-family: monospace;
	font-size: 1em;
}

strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

button,
input {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="text"],
[type="search"],
[type="submit"],
.btn {
	border: 1px solid;
	border-radius: .2em;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	padding: .375rem .75rem;
	color: inherit;
	vertical-align: middle;
}

[type="submit"],
.btn {
	background: transparent;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

a:focus,
:focus {
	outline: none;
}

a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}


img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

#wrap {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

/* Header */
#masthead {
	text-align: center;
}

#site-branding .site-title {
	display: inline-block;
	border-bottom: 1px dotted #ccc;
	margin-top: 3rem;
	margin-bottom: 0;
}

#site-branding .site-description {
	font-size: .75rem;
}

#site-navigation {
	height: 3rem;
	margin-top: 2em;
	border-style: solid;
	border-width: 1px 0;
	border-color: #eee;
	box-sizing: border-box;
	position: relative;
}

.primary-nav .menu-toggle {
	text-indent: -9999px;
	overflow: hidden;
	width: 3rem;
	height: 3rem;
	border: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></svg>') no-repeat center/2rem;
	position: absolute;
	left: 20%;
}

.primary-nav ul,
.nav-search .search {
	margin: 0;
	padding: .5em 0;
	list-style: none;
	background-color: white;
	box-shadow: 0 100vh 0 100vh rgba(0, 0, 0, .5);
	position: absolute;
	left: -5.555555556%;
	right: -5.555555556%;
	top: 3rem;
	display: none;
}

.primary-nav:hover ul {
	display: list-item;
}

.primary-nav li {
	height: 2.5em;
	line-height: 2.5em;
	border-bottom: 1px solid #eee;
	margin: 0 5vw;
}

.primary-nav li a {
	display: block;
}

.nav-search label {
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	border: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat center/1.5em;
	position: absolute;
	right: 20%;
}

.nav-search .search {
	padding: 2em 0;
}

.nav-search:hover .search {
	display: block;
}

.search button {
	background-color: #2271b1;
	border-color: #2271b1;
	color: #fff;
}

.search button:hover {
	background-color: #135e96;
	border-color: #135e96;
}

/* Content */
#content {
	margin: 3rem auto 2rem auto;
}

.entry {
	margin-bottom: 4rem;
}

.entry-header h1 {
	text-align: center;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.5;
	margin: .2em 0;
}

.entry-header h1 a {
	padding: .375rem .75rem;
}

.entry-header h1 a:hover {
	background-color: #eee;
}

.entry-meta {
	text-align: center;
	font-size: .85rem;
	border-top: 1px dotted #ccc;
	padding-top: .5em;
	margin-bottom: 1rem;
}

.entry-meta a {
	border-bottom: 1px dotted #ccc;
}

.entry-meta a:hover {
	background-color: #eee;
}

.entry-meta span,
.entry-meta time {
	margin-right: .5em;
}

.entry-meta span::before,
.entry-meta time::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 5px;
	vertical-align: text-top;
	background-repeat: no-repeat;
	background-size: 100%;
}

.entry-meta .category::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(51, 51, 51, .8)" viewBox="0 0 16 16"><path d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v.64c.57.265.94.876.856 1.546l-.64 5.124A2.5 2.5 0 0 1 12.733 15H3.266a2.5 2.5 0 0 1-2.481-2.19l-.64-5.124A1.5 1.5 0 0 1 1 6.14V3.5zM2 6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5a.5.5 0 0 0-.5.5V6zm-.367 1a.5.5 0 0 0-.496.562l.64 5.124A1.5 1.5 0 0 0 3.266 14h9.468a1.5 1.5 0 0 0 1.489-1.314l.64-5.124A.5.5 0 0 0 14.367 7H1.633z"/></svg>');
}

.entry-meta .tags::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(51, 51, 51, .8)" viewBox="0 0 16 16"><path d="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z"/><path d="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z"/></svg>');
}

.entry-meta time::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(51, 51, 51, .8)" viewBox="0 0 16 16"><path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/></svg>');
}

.entry-meta .views::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(51, 51, 51, .8)" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>');
}

.entry-meta .edit::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(51, 51, 51, .8)" viewBox="0 0 16 16"><path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/><path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/></svg>');
}

.entry .excerpt {
	line-height: 1.8;
}

.entry .more-link {
	text-align: center;
	margin: 1rem 0;
}

.entry .more-link .btn::after {
	content: " »";
}

.entry .more-link .btn:hover {
	border-color: #2271b1;
	background-color: #2271b1;
	color: #fff;
}

/* Pagination */
.post-pagination {
	border-top: 1px dotted #ccc;
	padding-top: .5em;
	text-align: center;
}

.post-pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.post-pagination li {
	display: inline-block;
}

.post-pagination li a {
	padding: .2em .5em;
}

.post-pagination li a:hover {
	background-color: #eee;
}

.post-pagination li span {
	padding: .2em .5em;
}

.post-pagination li span.current {
	color: #999;
}

/* Tags */
#tags {
	text-align: center;
	background-color: #eee;
	border-radius: .25rem;
	margin: 0 auto;
	padding: 1em 1em 2em;
	max-width: 768px;
	box-sizing: border-box;
}

#tags h1 {
	font-size: 1.75rem;
	font-weight: 400;
	margin: .5em 0;
}

#tags ul {
	list-style: none;
	font-size: 0;
	margin: 0 auto;
	padding: 0;
}

#tags li {
	font-size: .875rem;
	display: inline-block;
	margin: .5em .25em;
}

#tags li a {
	padding: .5em;
	background-color: #ddd;
	border-radius: .2em;
}

#tags li a:hover {
	background-color: #ccc;
}

/* Footer */
#colophon {
	font-size: .75rem;
	color: #666;
	text-align: center;
	border-top: 1px solid #eee;
	margin-top: 3rem;
	padding: 1em 0 2em 0;
}

#colophon a {
	border-bottom: 1px dotted #ccc;
}

#colophon p {
	margin: 0;
}

/* Post And Page */
.entry-content {
	line-height: 1.8;
	overflow: hidden;
}

.entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: .25em;
}

.entry-content h2 {
	font-weight: 400;
	font-size: 1.5rem;
	padding: .2em .5em;
	line-height: 1.5;
	border-left: 4px solid #2271b1;
	background-color: #eee;
	border-radius: .2em;
}

.entry-content h3 {
	font-size: 1.25rem;
	line-height: 1.5;
	padding-left: .5em;
	border-left: 4px solid #2271b1;
	border-radius: .2em;
}

.entry-content a {
	white-space: nowrap;
	color: #2271b1;
}

.entry-content a:hover {
	color: #135e96;
}

.entry-content .download {
	color: #fff;
	padding: .375em .75em;
	background-color: #2271b1;
	border-radius: .2em;
	display: inline-block;
}

.entry-content .download:hover {
	color: #fff;
	background-color: #135e96;
	border-bottom: 0;
}

.entry-content .download::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: text-top;
	margin-left: .5em;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/></svg>') no-repeat;
}

.entry-content kbd {
	padding: .2em .375em;
	font-size: .875rem;
	color: #fff;
	background-color: rgba(51, 51, 51, 1);
	border-radius: .2em;
}

.entry-content pre,
.entry-content blockquote {
	border-left: 4px solid #2271b1;
	background: rgba(238, 240, 244, 1);
	border-radius: .25em;
}

.entry-content pre {
	max-width: 100%;
	overflow-x: auto;
	padding: 1.8em 1em;
	background: linear-gradient(rgba(238, 240, 244, 1) 1.8em, rgba(238, 240, 244, .5) 0);
	background-size: auto 3.6em;
	tab-size: 2em;
}

.entry-content blockquote {
	padding: 1em 1.8em;
	margin: 1em 0;
}

.entry-content table {
	border-collapse: collapse;
	width: 100%;
	border-style: solid;
	border-width: 4px 0;
	border-color: #2271b1;
	margin: 1em 0;
}

.entry-content table caption {
	font-size: 1.25rem;
	font-weight: 400;
}

.entry-content th,
.entry-content td {
	border-style: solid;
	border-width: 1px 0;
	border-color: #ccc;
	padding: .5em;
}

.entry-content th {
	text-align: left;
}

.nav-single {
	margin: 1rem auto;
}

.nav-single span {
	display: block;
	font-size: .875rem;
	margin-top: 1rem;
}

.nav-single a {
	color: inherit;
}

.nav-single a:hover {
	background-color: #eee;
}

/* Archive */
.page-header {
	margin-bottom: 3rem;
}

.page-header h1 {
	text-align: center;
	font-size: 1.75rem;
	font-weight: 400;
	margin: .5em 0;
	line-height: 1.5;
}

.page-header .excerpt {
	padding: 1em;
	background-color: #eee;
	border-radius: .2rem;
	font-size: .875rem;
}

.page-header.result {
	border-bottom: 1px solid #eee;
	padding-bottom: 3rem;
}

.page-header .search-form {
	text-align: center;
}

.page-header .search-form label {
	display: none;
}

.page-header .search-result {
	text-align: center;
}

/* 404 Page */
#page-404 {
	text-align: center;
	margin: 3rem auto 2rem auto;
}

#page-404 h1 {
	font-size: 1.75rem;
	font-weight: 400;
}

#page-404 .search-form label {
	display: none;
}

/* Works */
#works {
	margin: 2rem auto;
	max-width: 768px;
}

#works .item {
	text-align: center;
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 20px;
	border-radius: .25em;
}

#works .post-pagination {
	margin-top: 3rem;
}

#works .item img {
	max-width: 100%;
	height: auto;
}

#works .caption {
	font-size: .875rem;
	padding: 0 1em;
}

#works .caption h3 {
	margin: .5em auto;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.5;
}

#works .caption h3 a {
	padding: .2em .5em;
	display: block;
}

#works .caption h3 a:hover {
	background-color: #eee;
}

/* Functions List */
#funclist {
	margin-top: 3rem;
}

#funclist .item {
	margin-bottom: 20px;
}

#funclist li {
	list-style-type: circle;
}

#funclist h3 {
	border: 0;
	border-radius: .2em;
	color: #fff;
	margin: 0;
	padding: .2em .5em;
	background-color: #333;
}

/* AD */
.ad {
	margin: 1em auto;
}

.ad.inloop,
.ad.content-before {
	margin-bottom: 3rem;
	text-align: center;
	padding: .5em 1em 1em;
	background-color: #eee;
	border-radius: .25rem;
}

.ad.content-before {
	margin-bottom: 1em;
}

.ad.inloop h3,
.ad.content-before h3 {
	line-height: 1.5;
	font-weight: 400;
	font-size: 1.75rem;
	margin-bottom: 0;
}

.ad.content-before h3 {
	border: 0;
	padding: 0;
}

.ad.inloop p,
.ad.content-before p {
	max-width: 32em;
	margin: 1em auto;
}

.ad.inloop a.btn,
.ad.content-before a.btn {
	background-color: #2271b1;
	border-color: #2271b1;
	color: #fff;
}

.ad.inloop a.btn:hover,
.ad.content-before a.btn:hover {
	background-color: #135e96;
	border-color: #135e96;
}

@media screen and (min-width: 768px) {
	.entry .more-link .btn {
		transition: color, border-color, background-color 1s;
	}

	#content {
		max-width: 768px;
	}

	#colophon div,
	#colophon p {
		display: inline-block;
	}

	#site-navigation {
		height: auto;
	}

	.primary-nav .menu-toggle {
		display: none;
	}

	.primary-nav,
	.nav-search {
		display: inline-block;
	}

	.primary-nav ul,
	.nav-search .search {
		position: static;
		display: inline-block;
		background-color: transparent;
		padding: 0;
		box-shadow: none;
	}

	.primary-nav:hover ul,
	.nav-search:hover .search {
		display: inline-block;
	}

	.primary-nav li {
		display: inline-block;
		border: 0;
		margin: 0;
		height: auto;
		line-height: inherit;
	}

	.primary-nav li a {
		padding: 1em;
	}

	.primary-nav li a:hover {
		background-color: #eee;
	}

	.primary-nav li.current a {
		background-color: #eee;
	}

	.nav-search {
		margin-left: 1em;
	}

	.nav-search .search-form {
		position: relative;
		top: .3em;
	}

	.nav-search .search-form::after {
		content: "";
		display: block;
		clear: both;
	}

	.nav-search label {
		position: static;
		float: right;
		width: 2rem;
		height: 2rem;
		opacity: .6;
		margin-top: -.3em;
	}

	.nav-search input {
		float: left;
		padding: 0;
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid;
		width: 0;
		font-size: .875rem;
		transition: width 1s;
	}

	.nav-search input:focus {
		width: 10em;
	}

	.nav-search button {
		display: none;
	}

	.nav-single::after {
		content: "";
		display: block;
		clear: both;
	}

	.nav-single span {
		float: left;
		width: 45%;
		font-size: .75rem;
		color: #666;
	}

	.nav-single span.previous-article {
		margin-right: 10%;
	}

	.nav-single a {
		display: block;
		font-size: .875rem;
	}

	#works .items {
		columns: 3;
		column-gap: 30px;
	}

	#funclist {
		columns: 2;
		column-gap: 30px;
	}

	#works .item,
	#funclist .item {
		width: 100%;
		break-inside: avoid;
	}
}